<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>何为数据代理</title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 数据代理:通过一个对象代理对另一个对象中属性的操作（读/写) -->
        <script>
            //配置完全局配置之后再创建Vue实例,关闭Vue的生产提示标识
            Vue.config.productionTip=false;
            let obj1={x:100};
            let obj2={y:200};
            Object.defineProperty(obj2,'x',{
                get(){
                    return obj1.x;
                },
                set(value){
                    console.log("obj2中的x属性值改变了",value);
                    obj1.x=value;
                }
            });
        </script>
    </body>
</html>